iT邦幫忙

2023 iThome 鐵人賽

DAY 10
0
Modern Web

使用 Clojure 當個 Full-stack 開發者系列 第 10

[Day 10] 堆積木之該要要漂亮一點了

  • 分享至 

  • xImage
  •  

這邊我通常都直接掛css的框架來用
Tailwind by cdn
Tabler
等等

但今天來試試看新的unocss

這個引擎有一些預設的樣式,但我也還不熟,摸索中

使用上看起來也滿簡單的,沒有什麼特殊需求直接掛他預先build好的js就好

[:script
   (h/raw
    "
    window.__unocss = {
        rules: [
            ['custom-rule', { color: 'red'}],
        ]
    }
  ")]
[:script {:src "https://cdn.jsdelivr.net/npm/@unocss/runtime/attributify.global.js"}]

記得設定在前~~~

這邊在clojure也是一樣,就是body/div/...的屬性,但這邊會比較繁瑣一點,要加上空字串才會完整的key/value

[:body {:p-2 "" :md:p-0 "" :h-full ""}
...

Unocss資源慢慢堆積中

真的需要就寫一個nodejs開watcher,編寫邊把結果build到assets,記得再把路徑指過去

看好他後續發展,之後可以再把這條路串起來,就可以直接css frameworks使用了~


上一篇
[Day 9] 堆積木之該要長骨頭了
下一篇
[Day 11] 堆積木之堆完
系列文
使用 Clojure 當個 Full-stack 開發者30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言